由于前端在开发时使用的都是标准ui设计图，基本都是按照所以1920*1080，而小屏幕笔记本由于分辨率高，所以导致的显示元素变小，因此很多笔记本的默认显示都是放大125%或者150%。如果页面比较简单就让多余的空白单边扩展，这样可以不受影响，但是如果页面遍布了引入的其他组件，就不好控制位置和大小了。我去搜了一下，基本都是根据window.screen.availHeight来获取屏幕缩放比例，window.screen.availHeight>1000说明缩放选择的是100%，否则是125%、150%,还有使用媒体查询的，直接拷贝过去试了一下一点用没有，但是我说明一下，这个肯定是一种解决方式，
文章目录后台代码gitclone到本地创建数据库配置项目测试前端项目gitclone到本地下载node.js下载组件无法识别npm命令的解决运行结果附录1：不想每次登录都填写用户名密码？附录2：不想每次输入验证码验证？附录3：想要局域网的其他电脑也能访问到当前项目？附录4：没有权限又不想授权？跳过严格的编译检查代码自动生成gitclone项目修改数据库信息修改代码生成器第一次使用第二次使用（相同项目不同模块）修改controller配置可视化操作案例1.common模块：2.其他模块使用新建自己的目录、菜单创建菜单目录规范树形组件将请求转发给网关跨域问题是什么可行的解决方案最终解决后台代码gi
前话：我只是个自学到工作的小菜鸟，如果有大佬有更好的方法，希望不吝赐教。1.电脑环境node版本14.20.0 vue-cli4.4.0(如果你的项目是vue-cli5版本（即webpack5）的会有很多问题，解决办法写在后边)这是我用到的三个插件的版本，自行安装，版本请保持和我一致。【我发布了oh-my-toolsnpm包，也可以直接下载包使用，npmioh-my-tools,然后使用】 "file-saver":"^2.0.5", "xlsx":"^0.16.9", "xlsx-style-medalsoft":"^0.8.13"2.下边直接贴代码，复制能直接使用，完全二百五都能用
前言：后端使用SpringBoot框架，前端使用Vue框架，做一个前后端分离的小项目，需求：实现一个表格，具备新增、删除、修改的功能。目录一、数据库表的设计二、后端实现环境配置数据处理-增删改查model层mapper层XML配置Service层controller层单元测试三、前后端交互配置vite.config.ts文件配置创建axios实例 业务请求四、前端实现环境配置Main.vueinterface接口五、效果展示六、总结一、数据库表的设计设计了一个merchandise表，id是编号，唯一的，类型为int，category是一级类别，type是二级类别，name是商品的名称，sum
🌷🍁博主猫头虎（🐅🐾）带您GotoNewWorld✨🍁🦄博客首页——🐅🐾猫头虎的博客🎐🐳《面试题大全专栏》🦕文章图文并茂🦖生动形象🐅简单易学！欢迎大家来踩踩~🌺🌊《IDEA开发秘籍专栏》🐾学会IDEA常用操作，工作效率翻倍~💐🌊《100天精通Golang(基础入门篇）》🐅学会Golang语言，畅玩云原生，走遍大小厂~💐🪁🍁希望本文能够给您带来一定的帮助🌸文章粗浅，敬请批评指正！🐅🐾🍁🐥解决WebSocket通信：前端拿不到最后一条数据的问题🛠️作者：猫头虎简介📚在实时应用开发中，WebSocket是一种常用的通信协议。然而，在使用过程中，你可能会遇到一个棘手的问题——前端拿不到最后一条数据。本
前提需要页面自动播放一段报警声音，将audio标签的autoplay属性设置为true，发现自动播放失败，并出现如下报错：Uncaught(inpromise)DOMException:play()failedbecausetheuserdidn’tinteractwiththedocumentfirst.为什么要禁止自动播放音频与视频网页加载完成后立即播放音频（或带有音频轨道的视频）可能会意外地打扰到用户。尽管自动播放媒体文件是一个很实用的功能，但是我们也应该谨慎地使用它，保证只有在它被需要的时候才使用。为了让用户拥有控制权，通常浏览器会提供各种方式禁用自动播放音频功能。在这篇文章中，我们将
随着近些年前端行业的崛起，前端人才的需求量也在快速攀升。有需求就会有市场，在入门简单，就业高薪这些口号的加持下，大量非科班、零基础的人员也加入到前端领域，那对咱们这些想学习前端，但是又不知道如何切入的人来说，首先面临的问题就是，初入前端我要学习哪些知识？针对这个问题呢，如果笼统的分一下类的话，可以分为以下几块内容。一、前端三大件HTML，CSS，Javascript是你进入前端的第一道门槛，学习好这些知识才能为我们继续探索前端打好基础。二、框架或代码库比较传统的两个就是我们的jQuery和bootstrap，它们现在已经有些过时，不过一些场景下还是能够运用的。接着就是最火的前端三大框架vue、
目录一、Gzip压缩二、异步组件三、分包策略最后 项目的性能优化是有完整项目经历的开发者都会遇到得一个问题。这是整个项目开发最后的一步，也是最关键的一步，做一个项目并不是单单完成功能就算结束了，作为开发者，更要站在用户角度去进行项目体验，响应快速的程序交互会直接提升程序的印象分。反之，如果页面间的交互响应缓慢、时常卡顿，无论程序功能再多再强大，让人很难去想去体验第二次。这个时候，性能优化尤为重要。一、Gzip压缩 1.服务端nginxGzip压缩配置 nginx开启gzip压缩后，就会帮你来把数据（静态资源和接口数据）进行压缩，然后传入到客户端，客户端来解压，然后
嗨，亲爱的Web开发者！在构建现代Web应用时，了解网络协议是优化性能和确保安全性的关键。本文将深入探讨HTTP/HTTPS、TCP/IP和WebSocket这三个网络协议，帮助你理解它们的作用以及如何优化Web应用的性能。1.HTTP/HTTPS协议：HTTP（超文本传输协议）：HTTP是用于在Web上传输数据的协议。它是无状态的，意味着每个请求都独立于之前的请求。HTTP通常用于传输HTML、CSS、JavaScript等资源。HTTPS（HTTP安全）：HTTPS是HTTP的安全版本，使用TLS/SSL加密来保护数据传输的安全性。HTTPS在数据传输中添加了安全层，防止中间人攻击和数据窃
后端代码获取access_tokenPS：access_token有效期两个小时，并且每天的调用次数有限制importnet.sf.json.JSONObject;publicclassWeChatUtil{/***获取token*/privatestaticStringACCESSTOKENURL="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={appId}&secret={appSecret}";/***获取登陆的token**@paramappId*@paramappSecret*@
